﻿*{
				padding: 0;
				margin: 0;
				text-decoration: none;
			}
			body{
				height: 100vh;
				width: 100vw;
				background-image:url(../img/login-bc.png) ;
				background-repeat: no-repeat;
				display: flex;
    justify-content:center;
    align-items:Center;
			}
			.login-body{
				width: 611px;
				height: 407px;
				background-color: #f6f7fa;
				/*margin: 0 auto;
				position: relative;
				top: 110px;*/
			}
			.login-title{
				width: 611px;
				height: 75px;
				background-color: #0e1a35;
				
			}
			.login-title img{
				height: 46%;display: inline;position: relative;top:18px;left: 20px;
			}
			.login-title h3{
				display: inline;color: white; position: absolute;top:24px;right: 25px;font-weight: 300;
			}
			.font{
				position: relative;
				top: -24px;
				left: 63px;
			}
			.font span{
				color: white;font-family: courier;font-size: smaller;
			}
			.font p{
				color: white;font-size:9px;font-family: '微软雅黑';
			}
			.login-body-body{
				width: 380px;
				margin: 0 auto;
				position: relative;
				top: 43px;
			}
			.login-body-body h2{
				display: inline;
				font-weight: 100;
				
			}
			.login-body-body h2:first-child{
				color: #7081a2;
			}
			.login-body-body h2:last-child{
				color: #6a94fe;
			}
			.login-body-body-left{
				
				position: relative;
				top: 98px;
				/*background-color: black;*/
				width: 305px;
				height: 138px;
			}
			.login-body-body-right{
				
				position: relative;
				top: -40px;
				right: -305px;
				/*background-color: grey;*/
				width: 305px;
				height: 138px;
				border-left: solid 2px #dce0e9;
			}
			.form{
				width: 72%;
				margin: 0 auto;
				border-bottom: solid 1px #e0e4eb;
				margin-bottom: 20px;
				padding-bottom: 3px;
			}
			.form input{
				display: inline;
				width: 70%;
				border: 0;
				height: 26px;
				background-color: transparent;
			}
			.form  img{
				display: inline;
				position: relative;top: 6px;
				padding-right: 15px;
			}
			/*.from-user span{
				background-image: url(img/登录-头像@2x.png);
				width: 15px;
				height: 15px;
			}*/
			.login-body-body-left img{
				padding-top: 10px;
				margin: 0 auto;
				width: 5.7em;
			}
			.login-body-body-left a{
				color: white;
				border-radius: 30px;
				padding: 8px 72px;
				background-color: #5584ff;
				position: relative;
				top: 34px;
				left: 60px;
			}
			.camera{
				 position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
			}
			.img-box{
				position: relative;
				top: 12px;
				left: 68px;
				height: 80px;
				width: 176px;
				text-align: center;
				background-color: #eef0f6;
				border: solid 1px #adb9d2;
				border-radius: 5px;
				
			}
			.login-body-body-right a{
				color: #457aff;
				border: solid 1px #457aff;
				border-radius: 30px;
				padding: 8px 72px;
				background-color: white;
				position: relative;
				top: 15px;
				left: 55px;
			}